<!DOCTYPE HTML>
<html>
<!--https://bugzilla.mozilla.org/show_bug.cgi?id=633602-->
<head>
  <title>Bug 633602</title>
  <script type="application/javascript" src="/tests/SimpleTest/EventUtils.js">
  </script>
  <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js">
  </script>
  <script type="application/javascript" src="pointerlock_utils.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
  <a target="_blank"
    href="https://bugzilla.mozilla.org/show_bug.cgi?id=633602">
    Mozilla Bug 633602
  </a>
  <div id="div"></div>
  <pre id="test">
    <script type="text/javascript">
      /*
       * Test for Bug 633602
       * Escape key should unlock the pointer
       */

      SimpleTest.waitForExplicitFinish();

      var div = document.getElementById("div")
        , pointerUnLocked = false;

      function start() {
        addFullscreenChangeContinuation("enter", enteredFullscreen);
        div.requestFullscreen();
      }

      function enteredFullscreen(e) {
        is(document.fullscreenElement, div, "Element #div should entered fullscreen");
        ok(!document.pointerLockElement, "Pointer shouldn't have been locked");
        document.addEventListener("pointerlockchange", lockedPointer);
        div.requestPointerLock();
      }

      function lockedPointer(e) {
        document.removeEventListener("pointerlockchange", lockedPointer);
        is(document.pointerLockElement, div, "Pointer should have been locked on #div");
        document.addEventListener("pointerlockchange", unlockedPointer);
        addFullscreenChangeContinuation("exit", leavedFullscreen);
        SimpleTest.executeSoon(() => synthesizeKey("VK_ESCAPE", {}));
      }

      var pointerUnlocked = false;
      var exitedFullscreen = false;

      function unlockedPointer() {
        document.removeEventListener("pointerlockchange", unlockedPointer);
        ok(!pointerUnlocked, "Shouldn't have unlocked pointer before");
        ok(!document.pointerLockElement, "Pointer should have been unlocked now");
        pointerUnlocked = true;
        finishTest();
      }

      function leavedFullscreen() {
        ok(!exitedFullscreen, "Shouldn't have exited fullscreen before");
        ok(!document.fullscreenElement, "Should have exited fullscreen now");
        exitedFullscreen = true;
        finishTest();
      }

      function finishTest() {
        if (pointerUnlocked && exitedFullscreen) {
          SimpleTest.finish();
        }
      }
    </script>
  </pre>
</body>
</html>
